<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/travels.css">
    <link rel="stylesheet" href="swiper-master/dist/css/swiper.min.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="jquery/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="swiper-master/dist/js/swiper.min.js"></script>
    <script src="js/travels1.js"></script>
    <script src="js/common.js"></script>
    <title>九月·游记</title>
</head>

<body>


    <!-- header -->

    <div class="nav_top">
        <div class="nav_main">
            <ul class="nav_left">
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <a href="#">目的地</a>
                </li>
                <li>
                    <a href="#">所感</a>
                </li>
            </ul>
            <input type="text" placeholder="想去哪里？" id="search">
            <button id="btn">搜索</button>
            <a href="#" id="login">登录</a>|
            <a href="#" id="register">注册</a>
        </div>
    </div>
    <!-- 固定导航  -->
    <div class="aside-nav bounceInUp animated" id="aside-nav">
        <label for="" class="aside-menu" title="按住拖动">九月</label>
        <a href="index.html" title="返回首页" class="menu-item menu-first">首页</a>
        <a href="javascript:void(0)" title="QQ咨询" class="menu-item menu-second">QQ</a>
        <a href="javascript:void(0)" title="新浪微博" class="menu-item menu-third">微博</a>
        <a href="javascript:void(0)" title="微信公众号" class="menu-item menu-line menu-fourth">关注<br>微信</a>
    </div>
    <div class="main_box w">

        <!-- Nav tabs -->
        <ul class="nav nav-tabs nav_bar" role="tablist">
            <li role="presentation " class="china"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"><i
                        class="iconfont icon-zhongguoditu"></i></a></li>
            <li role="presentation" class="aside"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"><i
                        class="iconfont icon-shijieditu"></i></a></li>
        </ul>

        <!-- Tab panes -->
        <div class="tab-content">
            <!-- 中国 -->
            <div class="place_nav">
                <div class="bd_c4l">
                    <ul class="uu_left">
                        <li class="bd_cutLi one">北京</li>
                        <li class="one">天津</li>
                        <li class="one">河南</li>
                        <li class="one">河北</li>
                        <li class="two">山西</li>
                        <li class="two">陕西</li>
                        <li class="two">山东</li>
                        <li class="two">江苏</li>
                        <li class="three">安徽</li>
                        <li class="three">江西</li>
                        <li class="three">湖南</li>
                        <li class="three">四川</li>
                        <li class="four">青海</li>
                        <li class="four">新疆</li>
                        <li class="four">吉林</li>
                        <li class="four">内蒙古</li>
                    </ul>
                </div>
                <div class="bd_c4r">
                    <div class="bd_c4top">
                        <a href="#" class="bd_lbtn"></a>
                        <div class="bd_chgBox">
                            <div class="bd_long">
                                <ul style="overflow: hidden;">
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">1</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">2</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">3</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">4</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">5</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">6</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">7</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">8</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">9</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">10</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">11</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">12</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">13</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">14</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">15</a></p>
                                    </li>
                                    <li>
                                        <div class="bc_chgTitle">南京基地</div>
                                        <a href="#"><img src="img/bd_photo1.jpg" width="268" height="173" /></a>
                                        <p><a href="javascript:;">16</a></p>
                                    </li>

                                </ul>
                            </div>
                        </div>
                        <a href="#" class="bd_rbtn"></a>
                    </div>
                    <center>
                        <button class="btn-danger btn">带你去旅行</button>
                    </center>
                </div>
            </div>

        </div>

    </div>
    <script>

    </script>
</body>

</html>